<link rel="stylesheet" href="../shiro/manager/jquery.mobile-1.3.2.css">
<script type="text/javascript" src="../shiro/manager/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../shiro/manager/jquery.mobile-1.3.2.js"></script>


<div data-role="page" id="home">
	<div data-role="header">
		<h1>Ice Cream Order Form</h1>
	</div>
	<div data-role="content">
		<form action="#" method="get">
			<div data-role="fieldcontain">
				<label for="name">Your Name:</label>
				<input type="text" name="name" id="name" value=""/>
			</div>
			<div data-role="controlgroup">
				<legend>Which flavour(s) would you like?</legend>
				<input type="checkbox" name="vanilla" id="vanilla" class="custom" />
				<label for="vanilla">Vanilla</label>
				<input type="checkbox" name="chocolate" id="chocolate" class="custom" />
				<label for="chocolate">Chocolate</label>
				<input type="checkbox" name="strawberry" id="strawberry" class="custom" />
				<label for="strawberry">Strawberry</label>
			</div>
		   
			<div data-role="fieldcontain">
			   <label for="quantity">Number of Cones:</label>
			   <input type="range" name="quantity" id="quantity" value="1" min="1" max="10"  />
			</div>
		</form>
	</div>
</div>








